<template>
  <a-layout>
    <a-layout-header>
      <h1>Ai Test</h1>
    </a-layout-header>
    <a-layout>
      <a-layout-sider>
        <side-menu />
      </a-layout-sider>
      <a-layout style="padding: 0 24px">
        <a-layout-content><router-view /></a-layout-content>
      </a-layout>
    </a-layout>
    <a-layout-footer>Code Artist</a-layout-footer>
  </a-layout>
</template>
<script>
import SideMenu from "@/components/layout/SideMenu.vue";

export default {
  components: { SideMenu },
};
</script>

<style scoped>
.ant-layout {
  height: 100%;
}

.ant-layout-header h1 {
  color: #eee;
}

.ant-layout-content {
  background: #fff;
  padding: 24px;
  margin: 24px 0;
}

.ant-layout-footer {
  text-align: center;
}
</style>

